<template>
  <div class="my_cart">
    <img :src="itemObj.pic" alt="" />
    <h5>{{ itemObj.name }}</h5>
    <p>{{ itemObj.characteristic }}</p>
    <span style="color:red">￥{{ itemObj.minPrice }}</span>
  </div>
</template>

<script>
import { ref, reactive, toRefs } from "vue";
export default {
  props: {
    itemObj: Object,
  },
  setup() {},
};
</script>
<style lang="scss" scoped>
.my_cart {
  background: #fff;
  img {
    width: 100%;
    height: 230px;
  }
  p{
      width: 100%;
      font-size: 12px;
      color: #999;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      margin: 5px 0;
  }
}
</style>